<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>

  <input id="txt" type="text">

  <script>
    // 防抖 debounce    
    // 节流 throttle 限制事件触发的频率   1ms   100ms

    // flag 变量  true 可以来触发执行
    let flag = true

    document.querySelector('#txt').oninput = function () {
      if (flag) {
        console.log(this.value)

        // input事件就无法触发
        flag = false

        // 延时器
        setTimeout(() => {
          flag = true
        }, 300)
      }
    }
  </script>
</body>

</html>